import { aq, op } from '@uwdata/arquero'
species_filt = aq.table(serengeti)
  .filter(aq.escape(r => op.includes(species.category, r.Species)))

Plotly = require("https://cdn.plot.ly/plotly-latest.min.js")

plotData = {
    let data = [];
    const div = DOM.element('div');
    let layout = {
      title: "Species differences in Continuous Variables",
      yaxis: { title: contVar.name }
    };
    for (var i = 0; i < species.category.length; i++) {
      data.push({
        y: species_filt.filter(aq.escape(r => r.Species === species.category[i])).reify().data()[contVar.variable].data,
        type: "box",
        name: species.category[i]
      })
      yield {html: html`<progress max="${species.category.length}" value="${i}"></progress>`}
    }
    yield {div: div, data: data, layout: layout};
}